/* cursor 鼠标形状
------------------------------- */
.cursor-default {
  cursor: default !important;
}

/* 帮助 */
.cursor-help {
  cursor: help !important;
}

/* 手指 */
.cursor-pointer {
  cursor: pointer !important;
}

/*  移动 */
.cursor-move {
  cursor: move !important;
}

/* 宽高 100% 使用：.w100 .h100 .vh100 .max100vh .min100vh
------------------------------- */
.w100 {
  width: 100% !important;
}

.h100 {
  height: 100% !important;
}

.vh100 {
  height: 100vh !important;
}

.max100vh {
  max-height: 100vh !important;
}

.min100vh {
  min-height: 100vh !important;
}

/* 字体大小全局样式 使用：.font10 .font15 .font20
------------------------------- */
@for $i from 10 through 35 {
  .font#{$i} {
    font-size: #{$i}px !important;
  }
}

/* 外边距、内边距全局样式 使用：.mt10 .mr10 .mb10 .ml10 .pt10 .pr10 .pb10 .pl10
------------------------------- */
@for $i from 1 through 35 {
  .mt#{$i} {
    margin-top: #{$i}px !important;
  }

  .mr#{$i} {
    margin-right: #{$i}px !important;
  }

  .mb#{$i} {
    margin-bottom: #{$i}px !important;
  }

  .ml#{$i} {
    margin-left: #{$i}px !important;
  }

  .pt#{$i} {
    padding-top: #{$i}px !important;
  }

  .pr#{$i} {
    padding-right: #{$i}px !important;
  }

  .pb#{$i} {
    padding-bottom: #{$i}px !important;
  }

  .pl#{$i} {
    padding-left: #{$i}px !important;
  }
}
